// import Vue from 'vue';
// import App from './App.vue';
import { createStore } from "vuex";

//引入小仓库模块
import home from './home';
import user from './user';
import serch from './search';
import detail from './detail';

//创建仓库
const store = createStore({
  //modules：包含多个小仓库，可以按需引入
  modules: {
    home,
    serch,
    detail,
    user
  },

  //state：仓库存储数据的地方
  state: {
    // count: 0
  },

  //mutations：修改state的唯一途径，只能通过commit方法触发
  //mutations里面的方法名必须和actions里面的方法名一致
  mutations: {
    // increment(state) {
    //   state.count++;
    // },
    // decrement(state) {
    //   state.count--;
    // }
  },

  
  //actions：包含多个mutations，用于处理异步操作，可以书写自己的业务逻辑，可以触发mutations
  actions: {
    // incrementAsync(context) {
    //   setTimeout(() => {
    //     context.commit("increment");
    //   }, 1000);
    // }
  },


  //getters：类似于computed，用于从state中派生出一些状态，供组件使用
  getters: {
    // count(state) {
    //   return state.count;
    // }
  },

});

export default store;